<script setup lang="ts">
// JS 的写法
// const props = defineProps({
//     money: {
//         type: Number,
//         default: 5000
//     },
//     car: {
//         type: String,
//         default: "五菱宏光"
//     },
// })

/* 
    TS 的写法
    1. 调用 defineProps ，把泛型参数(描述父组件的props的类型) 传递，返回数据
    2. 解构返回来的数据，并且加上默认值
        注意：要使用这个功能，要在 vite.config.js 里面开启
        vue({
            reactivityTransform: true,
        })
        开启后，需要重启服务
*/
const { money, car = "五菱宏光" } = defineProps<{
    money: number,
    car?: string
}>()

</script>

<template>
    <h2>子组件 - {{ money }} - {{ car }}</h2>
</template>

<style scoped>
</style>